<template>
	<div class="fdisrxy v3play-con">
		<el-table :data="tableData" border>
            <el-table-column type="selection" width="55" />
            <el-table-column label="项目 信息" >
                <el-table-column prop="dateFlag" ></el-table-column>
                <el-table-column prop="useType" ></el-table-column>
                <el-table-column prop="buildNum" ></el-table-column>
            </el-table-column>
            <el-table-column label="合计" v-if="false">
                <template v-slog="{row}">
                    {{  }}
                </template>
            </el-table-column>
            <el-table-column prop="" label="合计" >
                <template v-slot="{row}">
                    <div class="total-con">
                        <div>销售面积</div>
                        <div>销售单价</div>
                        <div>销售金额</div>
                        <div>回款金额</div>
                    </div>
                </template>
            </el-table-column>
            <el-table-column label="12月" >
                <template v-slot="{row}">
                    <div class="total-con">
                        <div>10</div>
                        <div>20</div>
                        <div>30</div>
                        <div>40</div>
                    </div>
                </template>
            </el-table-column>
            <el-table-column label="11月" >

            </el-table-column>
            <el-table-column label="10月" ></el-table-column>
        </el-table>
	</div>
</template>

<script setup lang="ts">
import { ref } from "vue";

const obj = { foo: ref("somehere") };
const obja = ref({ boo: 2 });

let tableData = ref([
	{   
        id:"sl1",
		dateFlag: "一期",
		useType: "住宅",
		buildNum: "一栋",
	},
    {   
        id:"l2",
		dateFlag: "一期",
		useType: "住宅",
		buildNum: "一栋",
	},
]);

function getTotalInfo(row){
    console.log(row)
}
</script>

<style lang="scss">
.total-con{
    display: flex;
    flex-direction: column;
    
}
.v3play-con {
	width: 100%;
	font-size: 30px;
	font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
	color: black;
}

</style>
